export default function HtmlLoginPage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50">
      <div className="max-w-md w-full space-y-8 p-8 bg-white rounded-lg shadow">
        <h1 className="text-2xl font-bold text-center">HTML表单登录测试</h1>
        
        <form action="/api/auth/login" method="POST">
          <div className="space-y-4">
            <div>
              <label className="block text-sm font-medium text-gray-700">用户名</label>
              <input
                type="text"
                name="emailOrUsername"
                defaultValue="admin"
                className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md"
                required
              />
            </div>
            
            <div>
              <label className="block text-sm font-medium text-gray-700">密码</label>
              <input
                type="password"
                name="password"
                defaultValue="admin"
                className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md"
                required
              />
            </div>
            
            <button
              type="submit"
              className="w-full py-2 px-4 bg-blue-600 text-white rounded hover:bg-blue-700"
            >
              登录
            </button>
          </div>
        </form>
        
        <div className="mt-4 text-sm text-gray-600">
          <p>这是一个纯HTML表单测试，用于验证登录API是否正常工作。</p>
        </div>
      </div>
    </div>
  )
}
